<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>zWorld</title>
		<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="/home/home.css"/>
	</head>
	<body>
		<!--头部和导航栏和轮播图部分-->
		<header class="header">
			<div class="header_nav">
				<ul class="header_nav_left">
					<li class="col"><img src="/img/12313.png"/></li>
					<li class="col">目的地</li>
					<li class="col">锦囊</li>
					<li class="col">行程助手</li>
					<li class="_col _font">社区 &#xe645;</li>
					<li class="col">最世界·自由行</li>
					<li class="col">机票</li>
					<li class="col">酒店</li>
					<li class="_col _font">预订 &#xe645;</li>
				</ul>
				<ul class="header_nav_right">
					<li class=" _font ">&#xe634;<span class="_">|</span></li>
					<li class="_font">&#xe606;</li>
					<li class=" _font">&#xe661;</li>
					<li class=" _font">&#xe66f;</li>
					<li class="">注册</li>
					<li class="">登陆</li>
				</ul>
			</div>
			<div class="header_search">
				<div class="header_search_inner">
					<img src="img/index-logo.png" style="width: 226px;height: 49px;display: block;position: absolute;top: 35px;left: 10px;"/>
					<div class="header_search_seach">
						<input type="text" placeholder="搜索国家、城市、产品" id="search_input"/>
						<div id="search">
							<span style="font-size: 25px;color:#8ae1cb;float: left;">|</span>
							<span class="_font" style="font-weight: bold; font-size: 30px; margin-left: 10px;margin-right: 10px;">&#xe634;</span>
							搜索
						</div>
					</div>
					<img src="img/top-app-bg.gif" style="position: absolute;left: 1040px;"/>
				</div>
				<img src="img/head-wordbg.png" style="position: absolute;top:30px;left: 1475px;"/>
			</div>
			<div class="header_list">
				<ul class="header_list_inner">
					<li class="">首页</li>
					<li class="">机酒自由行</li>
					<li class="">城市玩乐</li>
					<li class="">签证</li>
					<li class="">租车自驾</li>
					<li class="">游轮</li>
					<li class="">海岛游</li>
					<li class="">限时特卖</li>
					<li class="">特色路线</li>
					<li class="">CityWalk</li>
				</ul>
			</div>
			<div class="header_scroll">
			<script type="text/html" id="idHeader_scroll">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
				  </ol>
				  <!-- Wrapper for slides -->
				  <div class="carousel-inner" role="listbox">
				    <div class="item active">
				      <img src=<%=data[0].imgUrl%> style="height: 420px;">
				      <div class="carousel-caption">
				      </div>
				    </div>
				    <div class="item">
				      <img src=<%=data[1].imgUrl%> style="height: 420px;">
				      <div class="carousel-caption">
				      </div>
				    </div>
				    <div class="item">
				      <img src=<%=data[2].imgUrl%> style="height: 420px;">
				      <div class="carousel-caption">
				      </div>
				    </div>
				    <div class="item">
				      <img src=<%=data[3].imgUrl%> style="height: 420px;">
				      <div class="carousel-caption">
				      </div>
				    </div>
				  </div>
				  <!-- Controls -->
				  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				    <span class="sr-only">Next</span>
				  </a>
				</div>
			
			<ul class="header_scroll_list">
				<div class="header_scroll_list_hidden"></div>
				<li>
					<div style="font-family: myFont;width: 56px;height: 56px;float: left;">&#xe603;</div>
					<h2 style="margin: 0;padding: 0;font-size: 20px;">港澳台、国内</h2>
					<a style="margin-left: 0;">香港</a>
					<a>澳门</a>
					<a>台湾</a>
					<a>三亚</a>
					<a>长白山</a>
				</li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			</script>
			</div>
			<div class="header_4pic">
				<ul >
					<li ><img src="img/275x185 (1).jpg" style="width: 275px;height: 110px;"/></li>
					<li ><img src="img/275x185 (2).jpg" style="width: 275px;height: 110px;"/></li>
					<li ><img src="img/275x185 (3).jpg" style="width: 275px;height: 110px;"/></li>
					<li ><img src="img/275x185 (4).jpg" style="width: 275px;height: 110px;"/></li>
				</ul>
			</div>
		</header>
		<!--///-->
		<!--限时特卖-->
		<section class="limit ">
			<div class="limit_inner">
				<div class="limit_inner_top">
					<h2>限时特卖</h2>
					<span>每日必看的特价精选</span>
					<span style="float: right;margin-top: 10px;"><span style="font-family:myFont ;">&#xe604; </span> 换一换</span>
				</div>
				<ul class="limit_inner_pic">
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</section>
		<!--///-->
		<!--机酒自由行-->
		<section class="free">
			<div class="free_inner">
				<div class="free_inner_top">
					<h2>机酒自由行</h2>
					<p>精选全球最优质机票、酒店、游轮等旅游产品</p>
					<ul class="free_inner_top_list">
						<li>今日特卖</li>
						<li>新品特惠</li>
						<li>闪购</li>
						<li>假日出行</li>
						<li>超值机票</li>
						<li>热门海岛</li>
						<li>低价甩尾</li>
					</ul>				
				</div>
				<div class="free_inner_bottom">
					<ul>
						<li style="width: 570px;height: 267px;"></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
		</section>
		<!--///-->
		<!--城市玩乐-->
		<section class="play">
			<div class="free_inner">
				<div class="free_inner_top">
					<h2>城市玩乐</h2>
					<p>像当地人一样，体验最本土的吃喝玩乐</p>
					<ul class="free_inner_top_list" style="margin-left: 310px;">
						<li>日本</li>
						<li>泰国</li>
						<li>港澳台</li>
						<li>新西兰</li>
						<li>澳大利亚</li>
						<li>美国</li>
						<li>wifi/电话卡</li>
					</ul>				
				</div>
				<div class="play_inner_bottom">
					<ul>
						<li style="width: 370px;height: 265px;background: red;float: left;margin-bottom: 0px;"></li>
						<li style="margin-left: 24px;">2</li>
						<li style="margin-left: 24px;">3</li>
						<li style="width: 370px;height: 265px;float: right;">4</li>
						<li style="margin-left: 23px;">5</li>
						<li >6</li>
						<li style="margin-left: 23px;">7</li>
					</ul>
				</div>
		</section>
		<!--///-->
		<!--主题推荐-->
		<section class="mark">
			<div class="free_inner">
				<div class="free_inner_top">
					<h2>主题推荐</h2>
					<p>亲子、蜜月、个性玩法...你想要的这里都有</p>
					<ul class="free_inner_top_list">
						<li>精品小团</li>
						<li>发现城市</li>
						<li>亲子家庭</li>
						<li>情侣蜜月</li>
						<li>血拼购物</li>
						<li>闺蜜同游</li>
						<li>冒险之旅</li>
					</ul>				
				</div>
				<div class="free_inner_bottom">
					<ul>
						<li style="width: 570px;height: 267px;"></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
		</section>
		<!--///-->
		<!--nav-->
		<section class="nav"></section>
		<!--///-->
		<footer class="footer"></footer>
		<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
		<script type="text/javascript" src="/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="/baiduTemplate.js"></script>
		<script type="text/javascript" src="home/home.js"></script>
	</body>
</html>
